<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
        />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <link rel="stylesheet" href="static/css/reset.css" />
        <link rel="stylesheet" href="static/lib/swiper-5.2.0/package/css/swiper.min.css" />
        <link rel="stylesheet" href="static/css/common.css" />
        <link rel="stylesheet" href="static/css/style.css" />
        <link rel="stylesheet" href="static/css/common-m.css" />
        <link rel="stylesheet" href="static/css/index-m.css" />
        <title>镜界</title>
    </head>
    <body>
        <!-- 头部开始 -->
        <div class="header">
            <div class="header-c">
                <a href="#" class="logo">
                    <img src="static/imgs/logo.png" alt="" />
                </a>
                <ul class="nav">
                    <li class="nav-item"><a href="#" class="active">首页</a></li>
                    <li class="nav-item"><a href="pages/print/index.html">样片大宴</a></li>
                    <li class="nav-item"><a href="pages/welfare/index.html">当季优惠</a></li>
                    <li class="nav-item"><a href="pages/city/index.html">旅拍城市</a></li>
                    <li class="nav-item"><a href="pages/aboutUs/index.html">关于我们</a></li>
                    <li class="nav-item"><a href="pages/contact/index.html">联系我们</a></li>
                </ul>
                <div class="nav-toggle">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </div>
            </div>
        </div>
        <!-- banner开始 -->
        <div class="swiper-container banner">
            <div class="mask"></div>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="static/imgs/banner1.png" alt="" />
                </div>
                <div class="swiper-slide">
                    <img src="static/imgs/banner2.png" alt="" />
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <!-- 作品展示开始 -->
        <div class="works">
            <div class="title">
                <p class="en">Exhibittion of works</p>
                <p class="zh">作品展示</p>
            </div>
            <ul class="works-list"></ul>
            <a href="pages/print/index.html" class="more">VIEW MORE</a>
        </div>
        <!-- 当季福利开始 -->
        <div class="welfare">
            <div class="welfare-c">
                <div class="title">
                    <p class="en">Welfare</p>
                    <p class="zh">当季福利</p>
                </div>
                <div class="welfare-list">
                    <div class="l">
                        <a href="#" class="welfare-item">
                            <img src="static/imgs/wf1.png" alt="" />
                            <p class="info">
                                <span class="desc">国庆特惠</span>
                                7288元/套
                            </p>
                        </a>
                        <a href="#" class="welfare-item">
                            <img src="static/imgs/wf2.png" alt="" />
                            <p class="info">
                                <span class="desc">闺蜜套餐</span>
                                6250/套
                            </p>
                        </a>
                    </div>
                    <div class="r">
                        <a href="#" class="welfare-item">
                            <img src="static/imgs/wf3.png" alt="" />
                            <p class="info">
                                <span class="desc">情侣特惠</span>
                                5520/套
                            </p>
                        </a>
                        <a href="#" class="welfare-item">
                            <img src="static/imgs/wf4.png" alt="" />
                            <p class="info">
                                <span class="desc">个人福利</span>
                                3230/套
                            </p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 关于我们开始 -->
        <div class="aboutUs">
            <div class="aboutUs-c">
                <div class="title">
                    <p class="en">About us</p>
                    <p class="zh">关于我们</p>
                </div>
                <img src="static/imgs/shoot-icon.png" class="shoot-icon" />
                <ul class="info">
                    <li class="info-item">
                        <img src="static/imgs/Camera-icon.png" alt="" />
                        <p>
                            2014 年 成 立 于 郑 州，是 郑 州 知 名 一 线 品 牌 旅 拍 摄 影 工 作。
                        </p>
                    </li>
                    <li class="info-item">
                        <img src="static/imgs/Nature-icon.png" alt="" />
                        <p>作 品 多 次 被 今 日 人 像 和 人 像 摄 影 等 知 名 行 内 杂 志 推 荐</p>
                    </li>
                    <li class="info-item">
                        <img src="static/imgs/world-icon.png" alt="" />
                        <p>
                            我 们 的 拍 摄 方 式 更 像 是 一 天 旅 行，风 景 与 光 影，只是 为 了
                            见证 情 感
                        </p>
                    </li>
                    <li class="info-item">
                        <img src="static/imgs/Prize-icon.png" alt="" />
                        <p>
                            时 尚 会 消 逝，影 像 会 长 存，我 们 让 每 一 张 照 片 充 满 幸 福 的
                            温 度。
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 约拍流程开始 -->
        <div class="process">
            <div class="process-c">
                <div class="title">
                    <p class="en">Medical equipment</p>
                    <p class="zh">约拍流程</p>
                </div>
                <ol class="process-list">
                    <li class="process-item">
                        <div class="num-bg">
                            <p class="num">1</p>
                        </div>
                        <div class="circle"></div>
                        <div class="arrow"></div>
                        <div class="arrow-in"></div>
                        <p class="item-title">
                            前期沟通
                            <br />
                            <span class="item-text">确定时间地点及相关事项</span>
                        </p>
                    </li>
                    <li class="process-item">
                        <div class="num-bg">
                            <p class="num">2</p>
                        </div>
                        <div class="circle"></div>
                        <div class="arrow"></div>
                        <div class="arrow-in"></div>
                        <p class="item-title">
                            拍摄
                            <br />
                            <span class="item-text">
                                指派摄影师拍摄，拍摄
                                <br />
                                完毕后支付4%款项
                            </span>
                        </p>
                    </li>
                    <li class="process-item">
                        <div class="num-bg">
                            <p class="num">3</p>
                        </div>
                        <div class="circle"></div>
                        <div class="arrow"></div>
                        <div class="arrow-in"></div>
                        <p class="item-title">
                            签约拍摄
                            <br />
                            <span class="item-text">
                                签订拍摄协议，预付
                                <br />
                                30%款项
                            </span>
                        </p>
                    </li>
                    <li class="process-item">
                        <div class="num-bg">
                            <p class="num">4</p>
                        </div>
                        <div class="circle"></div>
                        <div class="arrow"></div>
                        <div class="arrow-in"></div>
                        <p class="item-title">
                            选片
                            <br />
                            <span class="item-text">
                                客户挑选拍摄的原片，
                                <br />
                                支付剩余30%款项
                            </span>
                        </p>
                    </li>
                    <li class="process-item">
                        <div class="num-bg">
                            <p class="num">5</p>
                        </div>
                        <div class="circle"></div>
                        <div class="arrow"></div>
                        <div class="arrow-in"></div>
                        <p class="item-title">
                            精修返图
                            <br />
                            <span class="item-text">
                                后期精修挑选的原片，
                                <br />
                                交付图片
                            </span>
                        </p>
                    </li>
                </ol>
            </div>
        </div>
        <!-- 底部开始 -->
        <div class="footer">
            <div class="footer-item">
                郑州镜界摄影服务工作室
                <br />
                <a href="#"><img src="static/imgs/weibo.png" alt="" /></a>
                <a href="#"><img src="static/imgs/qq.png" alt="" /></a>
                <a href="#"><img src="static/imgs/wx.png" alt="" /></a>
                <a href="#"><img src="static/imgs/baidu.png" alt="" /></a>
            </div>
            <div class="footer-item">
                <div class="content">
                    地址：郑州市郑东新区绿地中心6号楼
                    <br />
                    服务热线：037-7981788
                    <br />
                    邮编：456333
                </div>
            </div>
            <div class="footer-item">
                手机：18587655862
                <br />
                邮箱：1090876227@qq.com
                <br />
                Q Q：1090876227
            </div>
        </div>
        <div class="bottom">
            Copyright ©2010 ls1001.com, All rights reserved. 镜界传媒艺术有限公司 豫ICP备11028596号
        </div>
        <script src="static/lib/swiper-5.2.0/package/js/swiper.min.js"></script>
        <script src="static/js/common.js"></script>
        <script src="static/js/mian.js"></script>
    </body>
</html>
